<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <title>快乐拍宝</title>
    <link rel="stylesheet" href="./assets/p/women/women.css">
    <script src="./assets/c/index.js"></script>
    <script src="./_build/c/jquery.min.js"></script>
    <!-- layer插件手机版 -->
    <script src="./_build/c/layer/layer.js"></script>
    <link rel="stylesheet" href="./_build/c/layer/need/layer.css">
</head>
<body>
<div class="app">
    <section class="info">
        <div class="gengduo">个人</br>中心</div>
        <div class="touxiang">
            <img src="./pic/touxiang.jpg"/>
        </div>
        <div class="dangan">
            <div class="box"><span>关注</span><b>6</b><img src="./pic/xin.svg"/></div>
            <div class="box left-border"><span>粉丝</span><b>26</b><img src="./pic/fensi.svg"/></div>
            <div class="box left-border"><span>买入</span><b>102</b><img src="./pic/mairu.svg"/></div>
            <div class="box left-border"><span>卖出</span><b>8</b><img src="./pic/maichu.svg"/></div>
        </div>
    </section>
    <menu class="zhuanchang">
        <ul>
            <li class="caidan"><a class="current" href="">我发布的</a></li>
            <li class="yaoyao"><img src="./pic/yaoyao.svg" /></li>
            <li class="caidan"><a href="">我喜欢的</a></li>
        </ul>
    </menu>
    <section class="floor">
        <div class="list">
            <div class="img-box">

                <img src="./pic/ceshi.jpg"/>
            </div>
            <h4>天然原色星月菩提108颗</h4>
            <div class="money">
                <span class='tag'>目前价格:</span><span class="numb">62</span>
                <span class='huo-tag'><span class="huo-num">2</span></span>
            </div>
        </div>
        <div class="list">
            <div class="img-box">
                <div class="times">
                    <div><img src="./pic/times3.svg" />&nbsp;&nbsp;</div><div>10 天 20 时 05 分</div>
                </div>
                <img src="./pic/ceshi.jpg"/>
            </div>
            <h4>天然原色星月菩提108颗</h4>
            <div class="money">
                <span class='tag'>目前价格:</span><span class="numb">62</span>&nbsp;&nbsp;出价<span>9</span>次
            </div>
        </div>
        <div class="list">
            <div class="img-box">
                <div class="times">
                    <div><img src="./pic/times3.svg" />&nbsp;&nbsp;</div><div>10 天 20 时 05 分</div>
                </div>
                <img src="./pic/ceshi.jpg"/>
            </div>
            <h4>天然原色星月菩提108颗</h4>
            <div class="money">
                <span class='tag'>目前价格:</span><span class="numb">62</span>&nbsp;&nbsp;出价<span>9</span>次
            </div>
        </div>
    </section>
    <section class="floor">
        <div class="list-fb">
            <div class="img-box">
                <div class="xiajia">
                    <img src="./pic/xiajia.svg" />
                </div>
                <img src="./pic/ceshi.jpg"/>
            </div>
            <h4>天然原色星月菩提108颗</h4>
        </div>
        <div class="list-fb">
            <div class="img-box">
                <div class="xiajia">
                    <img src="./pic/xiajia.svg" />
                </div>
                <img src="./pic/ceshi.jpg"/>
            </div>
            <h4>天然原色星月菩提108颗</h4>
        </div>
    </section>
    <section class="floor dfb"><h4>待发布拍品</h4></section>
    <section class="floor">
        <div class="list-dp">
            <div class="img-box">
                <div class="delete">
                    <img src="./pic/delete.svg" />
                </div>
                <img src="./pic/ceshi.jpg"/>
            </div>
            <h4>天然原色星月菩提108颗</h4>
        </div>
    </section>      
</div>
<nav class="zh-nav">
    <ul>
        <li>
        <a href="#">
            <p class="icn"><img src="./pic/House.png" /></p>
            <p class="nav">首页</p>
            </a>
        </li>
        <li class="fenlei">
        <a href="#">
            <p class="icn"><img src="./pic/Menu.png" /></p>
            <p class="nav">分类</p>
            </a>
        </li>
        <li class="faxian">
        <a href="#">
            <p class="icn"><img src="./pic/Search.png" /></p>
            <p class="nav">发现</p>
            </a>
        </li>
        <li class="wode">
        <a href="#" class="currents">
            <p class="icn"><img src="./pic/Profile2.png" /></p>
            <p class="nav">我的</p>
            </a>
        </li>
    </ul>
</nav>
<script>
    $(function(){
        $('.xiajia').on('click',function(){
            layer.open({
                content: '您的拍品确认下架吗？'
                ,btn: ['确认', '取消']
                ,style: 'font-size:30px;'
                ,yes: function(index){
                    location.reload();
                    layer.close(index);
                }
            });
        })
    });
</script>
<script src="./_build/c/zepto.js"></script>
<script src="./_build/c/common.js"></script>
<script src="./_build/c/slider.min.js"></script>
</body>
</html>